﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>红点e贷服务管理系统</title>
<jsp:include page="../../../global/assets_common.jsp" />
<link
	href="${basePath}/framework/assets/zTree/css/zTreeStyle/zTreeStyle.css"
	type="text/css" rel="stylesheet">
<script type="text/javascript"
	src="${basePath}/framework/assets/zTree/js/jquery.ztree.core.min.js"></script>
<script type="text/javascript"
	src="${basePath}/framework/assets/zTree/js/jquery.ztree.excheck.min.js"></script>
<style type="text/css">
body {
	font-size: 10px;
	background-color: #5AB7D8;
}
/* 左边栏 开始 */
.left {
	width: 200px;
}
.left_header {
	height: 28px;
	font-size: 18px;
	line-height: 28px;
	font-family: serif;
	font-weight: bolder;
	padding-left: 20px;
	border-radius: 3px 0px 0px 3px;
}
.left_tree_wap{
	width: 220px;
	position: absolute;
	top: 28px;
	left: 0px;
	bottom: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #fff;
}
.left_tree{
width: 200px;
}
/* 左边栏 结束 */
/* 中间栏 开始 */
.center {
	position: absolute;
	top: 0px;
	left: 200px;
	bottom: 0px;
	right: 300px;
	min-width:400px;
	background-color: #fff;
	border-left: 20px solid #5AB7D8;
	border-right: 20px solid #5AB7D8;
}

.center_header {
	height: 28px;
	font-size: 18px;
	line-height: 28px;
	font-family: serif;
	font-weight: bolder;
	padding-left: 20px;
	background-color: #5AB7D8;
}
.center_main {
	width: 100%;
}
#form_query{
	height: 30px;
	text-align: center;
}
#form_query label {
	width: 60px;
	text-align: right;
}

#form_query input {
	width: 100px;
	margin: 5px 0px;
	display: inline;
}
/* 中间栏 结束 */
/* 右边栏 开始 */
.right {
	width: 300px;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #fff;
	z-index: 99;
}
.right_header {
	background-color: #5AB7D8;
	height: 28px;
	font-size: 18px;
	line-height: 28px;
	font-family: serif;
	font-weight: bolder;
	padding-left: 20px;
	border-radius: 0px 3px 3px 0px;
}
.right_tree_wap{
	width: 300px;
	position: absolute;
	top: 56px;
	right: 0px;
	bottom: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.right_tree{
	width: 300px;
}
.right_tool {
	padding-left: 30px;
}

/* 右边栏 结束 */
</style>
</head>
<body>
	<div class="left">
		<div class="left_header">角色</div>
	<div class="left_tree_wap">
		<div class="left_">
			<ul id="westTree" class="ztree"></ul>
		</div>
	</div>
	</div>
	<div class="center">
		<div class="center_header">用户</div>
		<div class="center_main">
		<form class="form" id="form_query">
				<label>用户名:</label>
					<input type="text" id="q_yhm"/>
				<label>姓名:</label>
					<input type="text" id="q_xm"/>
				<label>岗位名称:</label>
					<input type="text" id="q_gwmc"/>
		</form>
		<div id="toolbar" class="ui-widget-header ui-corner-all">
		<button id="btu_search">搜索</button>
		<button id="btu_reset">重置</button>
	</div>
			<table id="jqGrid"></table>
			<div id="jqGridPager"></div>
		</div>
	</div>
		
	<div class="right">
		<div class="right_header">菜单</div>
		<div class="ui-widget-header ui-corner-all right_tool">
			<button id="btu_save">保存</button>
		</div>
		<div class="right_tree_wap">
		<div class="right_tree">
			<ul id="eastTree" class="ztree"></ul>
		</div>
		</div>
	</div>
	<!--提示框 开始-->
	<div id="dialog_alert" title="提示" class="row ui-helper-hidden"></div>
	<!--提示框结束-->
	<!--新增模态框  开始 -->
	<div id="dialog_add" title="新增菜单" class="row ui-helper-hidden">
		<form class="form" id="form_update">
			<div class="form-group">
				<label for="a_cdmc" class="control-label col-sm-4">菜单名称:</label>
				<div class="col-sm-8">
					<input type="text" id="a_cdmc" name="a_cdmc" class="form-control" />
				</div>
			</div>
			<div class="form-group">
				<label for="a_cdurl" class="control-label col-sm-4">菜单路径:</label>
				<div class="col-sm-8">
					<input type="text" id="a_cdurl" name="a_cdurl" class="form-control"/>
				</div>
			</div>
			<div class="form-group">
				<label for="a_pcdmc" class="control-label col-sm-4">上级菜单名称:</label>
				<div class="col-sm-8">
					<input type="text" id="a_pcdmc" name="a_pcdmc" class="form-control" readonly="readonly"/>
				</div>
			</div>
		</form>
	</div>
	<!--新增角色模态框 结束-->
	<!--更新模态框  开始 -->
	<div id="dialog_update" title="修改菜单" class="row ui-helper-hidden">
		<form class="form" id="form_update">
			<div class="form-group">
				<label for="u_cdmc" class="control-label col-sm-4">菜单名称:</label>
				<div class="col-sm-8">
					<input type="text" id="u_cdmc" name="u_cdmc" class="form-control" />
				</div>
			</div>
			<div class="form-group">
				<label for="u_cdurl" class="control-label col-sm-4">菜单路径:</label>
				<div class="col-sm-8">
					<input type="text" id="u_cdurl" name="u_cdurl" class="form-control"/>
				</div>
			</div>
			<div class="form-group">
				<label for="u_pcdmc" class="control-label col-sm-4">上级菜单名称:</label>
				<div class="col-sm-8">
					<input type="text" id="u_pcdmc" name="u_pcdmc" class="form-control" readonly="readonly"/>
				</div>
			</div>
		</form>
	</div>
	<!--更新模态框 结束-->
</body>
<script src="${basePath}/global/js/assets/menu.menuUser.js"></script>
</html>